<template>
  <div class="Access_Platform_Management">
    <div class="pubBig Privilege">
      <div class="h0">
        <p class="lt"></p>
      </div>
      <div class="dDownMain">
        <div
          class="twoBox"
          :style="this.$route.query.Token ? 'top:50px;left:10px' : 'top: 100px'"
        >
          <el-tabs type="border-card">
            <el-tab-pane label="模块管理">模块管理</el-tab-pane>
            <el-tab-pane label="文档管理">
              <el-row>
                <el-col :span="4">
                  <div style="border-right: 1px solid #ccc;height:700px">
                    <p>文档中心</p>
                    <p>支持中心</p>
                  </div>
                </el-col>
                <el-col :span="7">
                  <div style="height:700px;background-color: #eee;padding:5px">
                    <el-row>
                      <el-col :span="20">
                        <el-tabs
                          type="card"
                          style="width:50%;display:inline-block"
                        >
                          <el-tab-pane label="已发布">已发布</el-tab-pane>
                          <el-tab-pane label="草稿箱">草稿箱</el-tab-pane>
                        </el-tabs>
                      </el-col>
                      <el-col :span="4">
                        <el-button size="small" class="btn_style"
                          >新建文件</el-button
                        >
                      </el-col>
                    </el-row>
                  </div>
                </el-col>
                <el-col :span="13"> </el-col>
              </el-row>
            </el-tab-pane>
            <el-tab-pane label="反馈管理">
              <el-row>
                <el-col :span="4">
                  <el-row style="text-align: center;margin-bottom:5px">
                    <el-col :span="12">
                      <el-button size="small">BUG反馈</el-button>
                    </el-col>
                    <el-col :span="12">
                      <el-button size="small">技术咨询</el-button>
                    </el-col>
                  </el-row>
                  <el-row style="text-align: center;">
                    <el-col :span="12">
                      <el-button size="small">全部问题(0)</el-button>
                    </el-col>
                    <el-col :span="12">
                      <el-button size="small">暂未解决(0)</el-button>
                    </el-col>
                  </el-row>
                </el-col>
                <el-col :span="20">
                  <div style="height:300px">
                    <h2>问题：</h2>
                    <el-input
                      type="textarea"
                      :rows="12"
                      placeholder="请输入内容"
                      v-model="textarea1"
                      style="width:70%"
                    >
                    </el-input>
                  </div>
                  <div style="height:300px">
                    <h2>回答：</h2>
                    <el-input
                      type="textarea"
                      :rows="12"
                      placeholder="请输入内容"
                      v-model="textarea2"
                      style="width:70%"
                    >
                    </el-input>
                  </div>
                </el-col>
              </el-row>
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      textarea1: "",
      textarea2: "",
    };
  },
  methods: {},
  mounted() {
    // document.getElementById("2").focus();
  },
  created() {
    if (this.$route.query.Token) {
      localStorage.setItem("Token", this.$route.query.Token);
    }
  },
};
</script>
<style lang="scss" scoped>
.Access_Platform_Management {
  .top-input {
    display: inline-block;
    width: 350px;
  }

  .box-top {
    margin-top: 15px;
    margin-left: 5px;
  }
  .el-tabs--border-card > .el-tabs__content {
    height: 800px;
  }
  .btn_style {
    position: relative;
    top: 0;
    right: 0;
    vertical-align: super;
  }
}
</style>
